/*===========================================================
        DIRECT OVERRIDE
============================================================*/
.button
{
    font-family: Verdana,Arial,Helvetica,sans-serif;

}

input[type="text"], input[type="password"], input.text, input.title, textarea, select {
  padding: 5px;
  font-family: Tahoma, Verdana, Arial,'Droid Sans';
}
input[type="text"][readonly="readonly"]{
background-color: #e4e4e4;
}
textarea 
{
    height: 50px;
    width: auto;
}

/*===========================================================
        NEW CSS
============================================================*/
body {
	background-image:url(../images/body-bg-25.png);
}
#loadingbar
{
    position: absolute;
    text-align: center;
    display: none;
    top: 110px;
}
.text-center
{
    text-align: center;
}
.rmargin
{
   margin-right: 30px; 
}

.bmargin
{
   margin-bottom: 30px; 
}

#changeFont
{
 display: block;

}
#changeFont a
{
	display: inline-block;
	padding: 5px 5px 0px 0px;
}

.top-line
{
    border-top: 1px solid #efefef;
    padding: 0px 0px 15px 0px;
}

#copyright-wrapper
{
    margin-top: 10px;
}
table.input-form-table 
{
     border-width: 0px;
}
fieldset.border
{
    border: 1px solid #efefef;
    padding: 10px 10px 0px 10px;
}
table.input-form-table td
{
    padding: 3px;
    vertical-align: middle;
    border-top-width: 0px;
}

table.input-form-table tr.validation-error,
.validation-summary-errors
{
    padding: 0px;
    color: #E64135;
}

table.input-form-table tr.validation-error td,
table.input-form-table tr.submit-button td
{
    text-align: right;
}
a#logo {
	width:115px;
}
a#copyright-logo {
	width:115px;
}

/*====================================
List Related CSS
======================================*/
p.ralign
{
    text-align: right;
    /*margin-right: 10px;*/
}
table.list-table,
table.wide-table
{
    font-family: Verdana, 'Droid Sans', Tahoma, Arial;
    font-size: 11px;
    width: 100%;
    color: #444444;
}

table.list-table th
{
    background-color: #f1f1f1;
    font-size: 12px;
    text-transform: capitalize;
    border-width: 1px;
    text-transform: uppercase;
    background-color: #5F5F5F;
    color: #ffffff;
    background-image: url(images/th-background.png);
    background-repeat: repeat-x;
    border-bottom: 1px solid #4f4f4f;
    border-top: 1px solid #7f7f7f;
}

/* Shared Border Color */
/*table.list-table th.rborder,
table.list-table th, */
table.list-table,
table.list-table td,
table.list-table td.rborder,
table.list-table td.info-column-button
{
    border-color: #e4e4e4;
    border-color: #f0f0f0;
}

table.list-table th,
table.list-table td
{
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
}
/*table.list-table td.list-column,
table.list-table td.edit-column
{
    background-color: #f7f7f7;
}
*/
table.list-table tr.evenrow td.list-column
{
    background-color: #ececec;
}

tr.edit-insert-row td.list-column
{
    background-color: #EFCEC2;
    background-color: #D1DFEF;
    background-color: #E0E7EF;
}
tr.legends
{
    background-color: #D1DDEF;
    background-color: #E0EAEF;
    background-color: #FFBFBF;
    background-color: #FFD7CF;
    display: none;
}
table.list-table tr.selected td.list-column,
table.list-table tr.edit-insert-row td.list-column
{
    border-style: solid;
    border-color: #3F5C7F;
}
table.list-table tr.selected td.list-column
{
    border-top-width: 1px;
}
table.list-table tr.edit-insert-row td.list-column
{
    
    border-width: 1px;
}
table.list-table tr.selected td.list-column
{
    background-color: #FF885F;
    background-color: #FFA07F;
    background-color: #8FA5BF;
    background-color: #7891AF;
    color: White;
}

table.list-table td.blank-column
{
    border-top-width: 0px;
}

table.list-table td.lborder,
table.list-table th.lborder
{
    
   border-left-style: solid ;
   border-left-width: 1px;
}

table.list-table td.rborder,
table.list-table th.rborder,
table.list-table td.info-column-button
{
    
   border-right-style: solid ;
   border-right-width: 1px;
}

table.list-table td.info-column-button,
table.list-table td.information-column,
table.list-table tr.evenrow td.info-column-button
{
    background-color: #f8f8f8;
    background-color: #DFFDFF;
    background-color: #c2edef;
    background-color: #cecece;
    background-color: #FFFABF;
    background-color: #cfdf88;
}

table.list-table td.info-column-button a
{
/*    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg);	*/
}

table.list-table tr.information-row,
table.list-table tr.edit-row,
table.list-table tr.create-row,
table.list-table tr.delete-row,
table.list-table span.action-buttons  span.cancel-button
{
    display: none;
}

table.list-table td.action-column,
table.list-table th.action-header,
table.list-table th.create-new
{
    background-color: #ffffff;
}

table.list-table td.action-column,
table.list-table th.action-header,
table.list-table span.action-buttons 
{
    text-align: center;
    text-align: right;
}

table.list-table span.action-buttons 
{
    display: block;
    width: 100%;

}


table.list-table span.action-buttons a
{
    display: inline-block;
}


table.list-table td.edit-column table.input-form-table
{
    width: 98%;
}

/* Editing Table inside a column */
table.list-table td.edit-column table.input-form-table,
table.list-table td.edit-column table.input-form-table tr td
{
    border-width: 0px;
    /*background-color: #f7f7f7;*/
}

table.list-table td.edit-column table.input-form-table tr,
table.list-table td.edit-column table.input-form-table tr td
{
    padding: 0px;
    margin: 0px;
}

table.list-table td.edit-column table.input-form-table label
{
    color: #333333;
}
table.list-table td.edit-column div.simple-success
{
    margin: 0px;
}

/*input.checkmark
{
    width: 16px; height: 16px; display: block; background-repeat: no-repeat;
    background-image: url(icons/16x16/user-in-role.png);
}*/
/*=================================
Highlight Colors
===================================*/
.colored-111111
{
    color: #111111;
}
.colored-black
{
    color: #000000;
}
.colored-dark-green
{
    color: #003300;
}
.colored-firebrick
{
    color: #b22222;
}

/*====================================
Extra Button Colors
=====================================*/
/*BLACK*/

.actionbutton
{
    cursor: pointer;
    padding: 0px 0px;
    padding-right: 0px;
    margin-right: 0 !important;
    font-size: 10px;
    border-radius: 4px;
    /*Default Button Style */
    border-bottom-width: 1px;  
    border-bottom-style: solid;
    border-bottom-color: transparent;
    color: #777777;
    font-weight: bold;
    vertical-align: middle;
    display:inline-block;
}



a.actionbutton.action-text
{
    padding-right: 5px;
}

a.actionbutton span.action-icon,
span.action-icon
{
    width: 16px; 
    height: 16px;
    margin: 2px 2px;
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

/* All button with some text that will have some kind of padding */
.actionbutton.with-text,
input.actionbutton
{
    padding: 3px;
    padding-right: 6px;  
    background-color: #f1f1f1;
    border: 1px solid #d1d1d1; 
}
.actionbutton.with-text
{
    background-image: url(images/actionbutton.png);
    background-repeat: repeat-x;
}
.actionbutton.with-text:hover
{
    background-image: url(images/actionbutton-hover2.png);
    background-repeat: repeat-x;

} 
.actionbutton.with-text:hover,
input.actionbutton:hover
{
    background-color: #e7e7e7;
    border-color: #a1a1a1;
    border-color: #909090;
    color: #666666;
    color: #444444;
}

input.actionbutton
{
    padding: 6px 4px 6px 24px;
}

input.action-icon
{
    background-position: 6px 6px;
    background-repeat: no-repeat;
} 
.action-icon-save { background-image: url(icons/16x16/save.png);}
.action-icon-info { background-image: url(icons/16x16/information-white.png);}
.action-icon-add { background-image: url(icons/16x16/add.png);}
.action-icon-edit { background-image: url(icons/16x16/edit.png);}
.action-icon-yes { background-image: url(icons/16x16/yes.png); }
.action-icon-no { background-image: url(icons/16x16/no.png); }
.action-icon-select { background-image: url(icons/16x16/select.png); }
.action-icon-delete {background-image: url(icons/16x16/delete.png); }
.action-icon-cancel { background-image: url(icons/16x16/cancel.png);}
.action-icon-approved { background-image: url(icons/16x16/approved.png);}
.action-icon-not-approved { background-image: url(icons/16x16/not_approved.png);}
.action-icon-locked { background-image: url(icons/16x16/locked.png);}
.action-icon-not-locked { background-image: url(icons/16x16/not_locked.png);}
.action-icon-password { background-image: url(icons/16x16/password.png); }
.action-icon-profile { background-image: url(icons/16x16/profile.png); }
.action-icon-show { background-image: url(icons/16x16/legends.png);}
.action-icon-sort_asc { background-image: url(icons/16x16/sort_asc.png); }
.action-icon-register { background-image: url(icons/16x16/register.png); }
.action-icon-roles { background-image: url(icons/16x16/roles.png); }
.action-icon-user-in-role { background-image: url(icons/16x16/user-in-role.png); }
.action-icon-user-not-in-role { background-image: url(icons/16x16/user-not-in-role.png); }
.action-icon-user-not-in-role:hover { background-image: url(icons/16x16/user-in-role.png); }
.action-icon-manager { background-image: url(icons/16x16/manager.png); }
.action-icon-area { background-image: url(icons/16x16/area.png); }
.action-icon-logon { background-image: url(icons/16x16/password.png); }
.action-icon-datatype { background-image: url(icons/16x16/datatype.png); }
.action-icon-list { background-image: url(icons/16x16/list.png); }
.action-icon-move { background-image: url(icons/16x16/move.png); }
.action-icon-order { background-image: url(icons/16x16/order.png); }
.action-icon-columns { background-image: url(icons/16x16/columns.png); }
.action-icon-source { background-image: url(icons/16x16/source.png); }
.action-icon-exe { background-image: url(icons/16x16/exe.png); }
/*******************************
Icon Legends
******************************/

fieldset.legends a,
ul.legends
{
    font-family: Verdana, 'Droid Sans', Tahoma, Arial;
    font-size: 11px;
}
ul.legends
{
    display: table-cell;
}
ul.legends li
{
    /*display: inline;
    float: left; */
    padding: 2px;
}
div.wide
{
    width: 100%;
}
div.wide fieldset
{
    margin: 0px; padding: 0px;
    border: 0px;
}
div.wide td.editor-label label
{
    color: #2f2f2f;
}


/*
Sidebar Show Hide Related CSS classes
*/
.hide
{
    display: none;
}
/*
Drag and drop related CSS
*/

.Selectable
{
    margin-top: 10px;
    cursor: move;
}
.Selectable li
{
    padding: 5px 5px 5px 5px;
    border: 1px solid #bbbbbb;
    background-color: #f5f5f5;  
    margin-bottom: 3px; 
}

.Sortable
{
    margin-top: 10px;
    cursor: move;
    min-height: 50px;
    border: 1px dotted #bbbbbb;
    padding: 5px;
}

.Sortable li,
.Sortable li.placeholder
{
    padding: 5px 5px 5px 5px;
}
.Sortable li
{
    border: 1px solid #8EACCF;
    border-color: #CF8E81;
    background-color: #BFDCFF;  
    background-color: #FFCABF;
    margin-bottom: 3px; 
    color: #333333;
}
.Sortable li.existing
{
    border: 1px solid #82CF81;
    background-color: #BFFFBF;  
    margin-bottom: 3px; 
    color: #333333;
}
.Sortable li.existing.changed
{  
    border: 1px solid #8EACCF;
    background-color: #BFDCFF;  
    margin-bottom: 3px; 
    color: #333333;
}
.Sortable li.placeholder
{
    height: 2em;
    border: 1px solid #F79B29;
    border-color: #FFB24F;
    background-color: #FFF0A5;  
    margin-bottom: 5px; 
    margin-top: 5px;
}